<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%-- 
    JSP Name : childView.jsp
    Description : 설명을 기술합니다.
    author jkKim
    since 2012. 5. 10.
    version 1.0
    Modification Information
       since          author              description
    ===========    =============    ===========================
    2012. 5. 10.     jkKim     최초 생성
--%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="validator" uri="http://www.springmodules.org/tags/commons-validator" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="ajax" uri="http://ajaxtags.sourceforge.net/tags/ajaxtags" %>
<%@ taglib prefix="able" uri="http://www.able_tag_support.com/tag" %>
<%@ taglib prefix="fnc" uri="http://www.able_function_support.com/function" %>
<c:forEach var="result" items="${dspCtgrKVOList}" varStatus="status">
    <c:if test="${result.sbcK1 == 'D1'}">
    <!-- 일반 콘텐츠 -->
        <c:if test="${result.sbcK2 == 'C1'}">
        <!-- 1단형 -->
                <c:forEach var="dtlResult" items="${result.dspCtgrDtlVOList}" varStatus="dtlStatus">
                    <c:if test="${dtlStatus.first}">
                        <c:if test="${dtlResult.imgPath != null && dtlResult.imgPath !=''}">
                            <c:if test="${status.index==0}">
                            <div class="section-line section-first">
                            </c:if>
                            <c:if test="${status.index!=0}">
                            <div class="section-line">
                            </c:if>
                            <div class="replace-contents-area">
                                <img src="<c:url value="${dtlResult.imgPath}"/>" alt="" class="target-img" />
                                <div class="return-text">
                                    ${dtlResult.sbc}
                                </div>
                            </div>
                             </div>
                        </c:if>
                    </c:if>
                </c:forEach>
        </c:if>
        <c:if test="${result.sbcK2 == 'C2'}">
        <!-- 2단 A형 -->
            <div class="section-line">
                <c:forEach var="dtlResult" items="${result.dspCtgrDtlVOList}" varStatus="dtlStatus">
                    <c:if test="${dtlStatus.first}">
                        <table class="admin-control-content"><tbody><tr>                            
                            <td><img src="<c:url value="${dtlResult.imgPath}"/>" alt="" class="thumb-image" /></td>
                            <td>
                                <dl class="admin-control-text">
                                    ${dtlResult.sbc}
                                </dl>
                            </td>
                        </tr></tbody></table>
                    </c:if>
                </c:forEach>                
            </div>
        </c:if>
        <c:if test="${result.sbcK2 == 'C3'}">
        <!-- 2단 B형 -->
            <div class="section-line">
                <c:forEach var="dtlResult" items="${result.dspCtgrDtlVOList}" varStatus="dtlStatus">
                    <c:if test="${dtlStatus.first}">
                        <table class="admin-control-content"><tbody><tr>
                            <td>
                                <dl class="admin-control-text">
                                    ${dtlResult.sbc}
                                </dl>
                            </td>
                            <td><img src="<c:url value="${dtlResult.imgPath}"/>" alt="" class="thumb-image" /></td>
                        </tr></tbody></table>
                    </c:if>
                </c:forEach>                
            </div>
        </c:if>
        <c:if test="${result.sbcK2 == 'C4'}">
        <!-- 3단형 -->
            <div class="section-line">
                <div class="spec-thumb-list">
                    <ul class="column3">
                        <c:forEach var="dtlResult" items="${result.dspCtgrDtlVOList}" varStatus="dtlStatus">
                            <li>
                                <img src="<c:url value="${dtlResult.imgPath}"/>" alt="" class="thumb" />
                                <div class="definition-txt">
                                    ${dtlResult.sbc}
                                </div>
                            </li>
                        </c:forEach>
                    </ul>
                </div>
            </div>
        </c:if>
        <c:if test="${result.sbcK2 == 'C6'}">
        <!-- 4단형 -->
            <div class="section-line">
                <div class="spec-thumb-list">
                    <ul class="column4">
                        <c:forEach var="dtlResult" items="${result.dspCtgrDtlVOList}" varStatus="dtlStatus">
                            <li>
                                <img src="<c:url value="${dtlResult.imgPath}"/>" alt="" class="thumb" />
                                <div class="definition-txt">
                                    ${dtlResult.sbc}
                                </div>
                            </li>
                        </c:forEach>
                    </ul>
                </div>
            </div>
        </c:if>
        <c:if test="${result.sbcK2 == 'C5'}">
        <!-- 갤러리형 -->
            <div class="section-line">
                <div class="gallery-wrap" id="gallery${result.dspCtgrKSn }">
                    <div class="gallery-cutter">
                        <div class="move-body">
                            <c:forEach var="dtlResult" items="${result.dspCtgrDtlVOList}" varStatus="dtlStatus">
                                <div>
                                    <c:if test="${dtlStatus.count==1}">
                                        <img src="<c:url value="${dtlResult.imgPath}"/>" alt="${dtlResult.sbc}" />
                                    </c:if> 
                                    <c:if test="${dtlStatus.count!=1}">
                                        <img src="<c:url value="${dtlResult.imgPath}"/>" alt="${dtlResult.sbc}" onclick="changeImg(this,'<c:url value="${dtlResult.imgPath}"/>')"/>
                                    </c:if>
                                     
                                    <p class="photo-desc">${dtlResult.sbc}</p>
                                </div>
                            </c:forEach>
                        </div>
                    </div>
                    <div class="control-area">
                        <button class="prev-btn"><img src="/kr/images/showroom/btn_gallery_prev.png" alt="이전 이미지" /></button>
                        <button class="next-btn"><img src="/kr/images/showroom/btn_gallery_next.png" alt="다음 이미지" /></button>
                    </div>
                </div>
            </div>
            <script>$('#gallery${result.dspCtgrKSn }').galleryControl();</script>
        </c:if>
    </c:if>
    <c:if test="${result.sbcK1 == 'D2'}">
        <c:forEach var="dtlResult" items="${result.dspCtgrDtlVOList}" varStatus="dtlStatus">
            <c:if test="${dtlStatus.first}">
                 ${dtlResult.sbc}
            </c:if>
        </c:forEach> 
        
    </c:if>
    <c:if test="${result.sbcK1 == 'D3'}">
    <!---------------------------------------------------------------------------------- 이벤트 관리 영역 -->
        <div class="event-list" id="evnt${result.dspCtgrKSn}">
            <script>showEventView('evnt${result.dspCtgrKSn}');</script> 
        </div>
    <!---------------------------------------------------------------------------------- //이벤트 관리 영역 -->
    </c:if>
    <c:if test="${result.sbcK1 == 'D4'}">
        <div class="purchase-guide-cont">
            <div class="area odd">
                <h4><img src="/kr/images/showroom/h4_purchase02.gif" alt="견적" /></h4>
                <h5 class="link-title"><a href="javascript:puchse1()">견적내기</a></h5>
                <h5 class="link-title"><a href="javascript:puchse2()">경쟁차 비교</a></h5>
                <h5 class="link-title"><a href="javascript:puchse3()">이달의 구매혜택</a></h5>
                <div class="icon-area"><img src="/kr/images/showroom/img_purchase02.gif" alt="견적 아이콘 이미지" /></div>
            </div>
            <div class="area">
                <h4><img src="/kr/images/showroom/h4_purchase01.gif" alt="신청" /></h4>
                <h5 class="link-title one-title"><a href="javascript:puchse4()">카탈로그 신청</a></h5>
                <div class="icon-area"><img src="/kr/images/showroom/img_purchase01.gif" alt=" 아이콘 이미지" /></div>
            </div>
            <div class="area odd">
                <h4><img src="/kr/images/showroom/h4_purchase04.gif" alt="상담" /></h4>
                <h5 class="link-title"><a href="javascript:puchse5()">구매상담신청</a></h5>
                <h5 class="link-title"><a href="javascript:puchse6()">전시차 조회</a></h5>
                <h5 class="link-title"><a href="javascript:puchse7()">지점/대리점 조회</a></h5>
                <div class="icon-area"><img src="/kr/images/showroom/img_purchase04.gif" alt="상담 아이콘 이미지" /></div>
            </div>
            <div class="area">
                <h4><img src="/kr/images/showroom/h4_purchase03.gif" alt="시승" /></h4>
                <h5 class="link-title one-title"><a href="javascript:puchse8()">시승서비스</a></h5>
                <div class="icon-area"><img src="/kr/images/showroom/img_purchase03.gif" alt="시승 아이콘 이미지" /></div>
            </div>
        </div>
    </c:if> 
    <c:if test="${result.sbcK1 == 'D5'}">
            <!-- div>  모바일 동영상</div-->
    </c:if> 
</c:forEach> 
<c:if test="${iconYn == 'Y'}">
<div class="user-control-area"></div>
<div class="snml_type2" style="display:none">
  <div class="snml_comment"></div>
  <div class="snml_title"></div>
  <div class="snml_URL"></div>
  <div class="snml_img"></div>
  <div class="snml_caption"></div>
  <div class="snml_description"></div>
</div>
<script>
pub2.init();
</script>
</c:if>  
   
    
  
  
  
 
